<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        body{
            background:lemonchiffon;
        }
        a{
<!--            text-decoration:none;-->
            color:red;
            text-align:center;
        }
        #box{
            display:none;
            width:100px;
            height:50px;
            background:#CCC;
            border:1px solid #333;
            padding:12px;
<!--            text-align:center;-->
        }

    </style>

</head>
<body>
<div>
    <a id="news" href="https://news.baidu.com/" target="_blank">百度新闻</a>
</div>

<div id="pop">
    <a href="#" onmouseover="display()" onmouseout="disappear()">
        移动鼠标到此处
    </a>
    <div id="box" onmouseover="display()" onmouseout="disappear()">
        这是一段浮窗内的文本......
    </div>
</div>
    <script type="text/javascript" language="JavaScript">
        function display(){
            document.getElementById("box").style.display="block";
        }

        function disappear(){
            document.getElementById("box").style.display="none"
        }
    </script>
</body>
</html>